<script setup>
import { ref } from 'vue'

const radio = ref('1')
const radio_button = ref('1')
</script>

<template>
<!--单选框不应该有太多的可选项， 如果你有很多的可选项你应该使用选择框而不是单选框。-->
  <div>
    <el-radio-group v-model="radio">
     <el-radio label="男"  value="1" border ></el-radio>
     <el-radio label="女" value="2" border ></el-radio>
    </el-radio-group>
    <div>{{radio}}</div>
  </div>
  <div>
<!--    保证v-model与vue对应上-->
    <el-radio-group v-model="radio_button" button>
      <el-radio-button label="我的点赞"  value="1" border ></el-radio-button>
      <el-radio-button label="我的喜欢"  value="2" border ></el-radio-button>
      <el-radio-button label="我的收藏"  value="3" border ></el-radio-button>
    </el-radio-group>
  </div>
</template>
